<template>
  <div>
    <van-nav-bar title="" left-text="" left-arrow @click-left="fun()" />
    <main>
      <img :src="this.$route.params.zhiyeyx.img" alt="" /><span>
        {{ this.$route.params.zhiyeyx.job }}</span
      >
      <p>{{ this.$route.params.zhiyeyx.ren }}W人玩过</p>
      <div class="dd">
        {{ this.$route.params.zhiyeyx.lun }} <br />
        <b style="background-color: pink; width: 340px; height: 46px; display">
          {{ this.$route.params.zhiyeyx.lun1 }}
        </b>
      </div>
    </main>
  </div>
</template>

<script>
export default {
  methods: {
    fun() {
      this.$router.push("/zhiyety");
    },
  },
};
</script>

<style lang="scss" scoped>
* {
  font-size: 0.16rem;
}
main {
  padding: 20px;
}
img {
  border-radius: 0.2rem;
}
span {
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  top: 74px;
  left: 120px;
}
p {
  position: absolute;
  top: 128px;
  left: 118px;
  color: #9e9090;
}
.dd {
  margin-top: 20px;
  width: 340px;
  height: 46px;
  background-color: #cfeefd;
  border-radius: 10px;
  text-align: center;
  line-height: 46px;
  font-weight: 700;
  padding: 0 10px;
  b {
    margin-top: 10px;
    display: inline-block;
    border-radius: 10px;
  }
}
</style>